<template>
	<view>
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<button @click="buttonClick">{{title}}</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "点我"
			}
		},
		onLoad() {
			// 在这里接受上页的参数，联网取数据，更新data。
			console.log("first---onLoad");
		},
		onShow() {
			// 监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
			console.log("first---onShow");
		},
		onReady() {
			// 监听页面初次渲染完成，此时组件已挂载完成，DOM 树($el)已可用，注意如果渲染速度快，会在页面进入动画完成前触发
			console.log("first---onReady");
		},
		onHide() {
			// 监听页面隐藏
			console.log("first---onHide");
		},
		methods: {
			buttonClick: function () {
				this.title = "被点了"
				// const app = getApp()
				// console.warn(app)
				// console.warn(app.globalData)
				// app.doSomeThing('wangbo')
				// const pages = getCurrentPages()
				// console.info(pages)
				// uni.switchTab({
				// 	url:'/pages/index/index'
				// })
				// uni.navigateTo({
				// 	url:'/pages/second/second?key=value'
				// })
				uni.reLaunch({//reLaunch之后，tabBar页面好像也从页面栈里出来了
					url:'/pages/second/second?key=value'
				})
			}
		}
	}
</script>

<style>
	.status_bar {
        height: var(--status-bar-height);//这个高度并不是状态栏/导航栏的高度
        width: 100%;
    }
</style>
